<div class="assess">
<div class="assess-container">
<header>
<div class="time-choose">
<div class="time-spans">
<span class="time">
<span (click)=onClickHeader(1) [ngClass]="{on:tabNum==1}">月度</span>
<span (click)=onClickHeader(0) [ngClass]="{on:tabNum==0}">年度</span>
</span>

<span>
<span>选择时间：</span>
<span *ngIf="true">
<select class="year" [ngModel]="currentYear" (ngModelChange)="onChangeYear($event)">
<option [value]="year" *ngFor="let year of years"> {{year}} </option>
</select>
年
</span>
<span *ngIf="tabNum==1">
<select class="month" [ngModel]="currentMonth" (ngModelChange)=" onChangeMonth($event)">
<option [value]="month" *ngFor="let month of months"> {{month}}</option>
</select>
月
</span>
</span>

<span>
<button class="button-trend" (click)="onSearch()">确定</button>
</span>
</div>
</div>

<div class="turbine">
<span></span>
<span *ngFor="let item of farmDatas;let i=index" [ngClass]="{active:active==i}" (click)="onFarmSelect(i,item)">{{item.farmName}}</span>
</div>
</header>
<div class="main">
<section class="pie-chart">
<app-wind-direction class="direction" [empty]="10" [radius]="100"></app-wind-direction>

</section>

<section class="column-chart">
<app-wind-speed-distribution [center]="true" class="direction"></app-wind-speed-distribution>
</section>
</div>


</div>